/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#ca1913;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
dt{font-weight: normal;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}


.wh{max-width: 1230px;margin:0 auto;padding: 0 15px;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}

.plist{margin-top: 56px;}
.plist li{margin-right: 15px;margin-bottom: 15px;}
.plist li:nth-child(3n){margin-right: 0;}
.plist li a.img{border:1px solid #e5e5e5;display: block;}
.plist li a.img img{width: 388px;height: 388px;}
.plist li h3 a{display: block;color: #fff;font-size: 16px;font-weight: normal;}

/*头部样式*/
.top1{height: 38px;background: #e8e8e8;color: #505050;line-height: 38px;overflow: hidden;font-size: 12px;}
.top2{height: 107px;}
#header{width:1000px;margin:0 auto;}
.logo{float:left;line-height: 102px;}
.logo img{width:100%;}
.top1 .k2{color: #ca1913;font-size: 12px;}


.topLink{float:right;text-align:right;position: relative;z-index: 9999;color: #c7c6c6;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink a{color: #505050;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}


.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    
    background: #ca1913;
}



/*导航栏样式*/
.nav li{text-align:center;float:left;position:relative;z-index:999;/*width: 110px;*/ }
.nav li a{display:block;line-height:102px;color:#333333;height:102px;padding: 0;font-size: 18px;padding: 0 12px;}
.nav li a:hover{color:#ca1913;text-decoration:none;background-color:transparent;}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.nav .sec{height:0;background:#fff;color:#333333;overflow:hidden;z-index:9999;position:absolute;top:102px;left:0px;width: 100%;}
.nav .sec a{background:#fff;color:#333333;height:38px;line-height:38px;font-size: 14px;font-weight: normal;}
.nav .sec a:hover{background:#fff;text-decoration:none;}
@media(max-width: 1220px){
	.nav li{width: 85px;}
	.logo{
	    width:30%;
	}
	#menu{
	    width: 65%;
	}
	.nav li a{
	    font-size: 12px;
    padding: 0px 0px;
	}
}
@media(max-width: 1125px){
	.nav li{width: 85px;}
	.logo{
	    width:30%;
	}
}


/**/
.box1{margin: 4% 0;}
.aleft{width: 44.6666%;}
.aright{width: 52%;}
.aleft img{display: block;width: 100%;}
.aright h3{color: #333333;font-size: 24px;margin: 5% 0;}
.acon{color: #666666;font-size: 16px;line-height: 30px;}
.acon a{color: #ca1913;font-size: 14px;}
.shu{margin-right: 30%;}
.shu .sz {
  font-size: 34px;
  font-family: Impact;
  color: #ca1913;
}
.shu {
  display: flex;
  margin-top: 42px;
  justify-content: space-between;

}
.shu .con2 {
  font-size: 14px;
  color: #666666;
}
.shu .shu2 {
  margin-left: 9px;
  margin-top: 20px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 16px;
  background-color: #ffffff;
	border-radius: 2px;
	border: solid 1px #333333;
	color: #333;
}


/**/
.cp{background: url(//cdn.myxypt.com/b226068f/21/05/67be3b94e2db7113a38966810f4abda989306995.jpg) no-repeat top center;background-size: 100% 100%;padding: 3% 0;}
.title .p1 {
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  color: #333333;
}
.title .p1 span {
  font-size: 34px;
  color: #ca1913;
  font-weight: 700;
  font-family: Arial;
  text-transform: uppercase;
}
.title .p2 {
  text-align: center;
  font-size: 18px;
  color:#666666;
}
.psort li {
  display: inline-block;
  width: 128px;
  line-height: 36px;
  margin: 0 9px;
  margin-bottom: 10px;
  text-align: center;
  background: #e5e5e5;
  font-size: 16px;
  color: #555555;
  border-radius: 30px;
  transition: all 0.8s;
}
.sb {
  margin-top: 19px;
}
.psort {
text-align: center;margin-bottom: 54px;
}
.psort li a {
  color: #555555;display: block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;
}
.psort li.active {
  background: #ca1913;
  color: #fff;
}
.psort li.active a {
  color: #fff;
}

.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  }


.sb .bd {
  margin-top: 53px;
}
.sb .bd ul {
  padding-left: 24px;
  padding-right: 24px;
}
.sb .swiper-container {
  width: 100%;
  height: 100%;
  padding-bottom: 70px !important;
}
.swiper-pagination {
  width: 63% !important;
  left: 18.5%!important;
  bottom: 0;
  border-radius: 5px;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
margin-top: 2%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swimg {
  border: 3px #f1f1f1 solid;
  transition: all 0.3s;
}
.swimg img{width: 100%;}
.sw1 {
  margin: 0 15px;
}
.sw1 p {
  font-size: 18px;
  color: #444444;
  font-weight: 700;
  padding-top: 30px;
  overflow:hidden; white-space:nowrap;text-overflow:ellipsis;
}
.sw1:hover .swimg {
  border: 3px #ca1913 solid;
}
.sw1:hover p {
  color: #ca1913;
}


/**/
.box2{background: url(//cdn.myxypt.com/b226068f/21/05/0467c4770e5ff988f9f665b37dabe7bc0918ea55.jpg) no-repeat center;padding:3.8% 0;background-size: cover;}
.box2 .title .p1 span{
    color:#ca1913;
}
.box2 .title .p1{color: #fff;}
.box2 .title .p2{color: rgba(255,255,255,.5);}
.yul{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;margin: 5% 0;}
.yul li{width: 25%;text-align: center; background: url(//cdn.myxypt.com/b226068f/21/05/f49ccfc2c9f7c2a532c5bd3596edd07a141ffece.png) no-repeat right center;}
.yul li .img2{display: none;}
.yul li:hover .img1{display: none;}
.yul li:hover .img2{display: inline-block;}
.yul li h3{color: #ffffff;font-size: 18px;margin: 36px 0 20px 0;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.yul li p{color: #ffffff;opacity: 0.5;font-size: 14px;line-height: 24px;padding: 0 15%;}
.yul li:last-child{background: none;}
.dh{width: 424px;height: 76px;line-height: 76px;margin: 0 auto; padding-left: 58px; background: url(//cdn.myxypt.com/b226068f/21/05/bf1f020287dc156cc0e5d5d9ed209341818ff06e.png) no-repeat center;color: #ffffff;font-size: 18px;font-weight: bold;}
.ystel{font-size: 28px;margin-left: 48px;font-weight: normal;}


/**/
.box3{padding:66px 0 49px 0; background: url(//cdn.myxypt.com/b226068f/21/05/942e63bfdc7f1bf16fecf690dbdfae5a5e236f7e.png) no-repeat top center;background-size: cover;}
.hul{margin-left: 28.25%;margin-top: 80px;}
.hul li{margin: 0 15px;}
.hul li img{width: 100%;}





/* 新闻动态 */
.xw{padding: 3.4% 0;}
.nleft {
  width: 50.8%;
}
.nleft {
  position: relative;
}
.nleft .nw {
  position: relative;
}
.nleft .nw .p1 {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 54px;
  width: 62.29%;
  font-size: 16px;
  border-radius: 0px 30px 0px 0px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(0,0,0,.7);
}
.nleft .nw .p1 span {
  padding-left: 44px;
  background: url(//cdn.myxypt.com/b226068f/21/05/321ddee40b38e1e9a3525f232e8d252cad8cc79d.png) no-repeat;
  background-position: 14px;
}
.nleft .owl-carousel .owl-dots.disabled,
.nleft .owl-carousel .owl-nav.disabled {
  display: block;
}
.nleft .owl-carousel .owl-dots {
  position: absolute;
  z-index: 999;
  right: 0;
  width: 32%;
  height: 54px;
  padding-left: 25px;
  font-size: 0;
  bottom: 0;
  border-top-left-radius: 30px;
  background: #fff;
}
.nleft .owl-carousel .owl-dots button.owl-dot {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin: 22px 0.4em;
  outline: none;
  background: #d8d8d8;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}



.nleft .owl-carousel .owl-dots button.owl-dot.active {
  background: #ca1913;
}
.nleft .owl-carousel .owl-nav button.owl-next {
  outline: none;
  position: absolute;
  bottom: 21px;
  z-index: 9999;
  height: 12px;
  width: 7px;
  right: 19px;
  border-radius: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: url(//cdn.myxypt.com/b226068f/21/05/77609c383df248454e978c58934dfe3b9b1b158f.png) no-repeat;
}
.nleft .owl-carousel .owl-nav button.owl-prev {
  outline: none;
  position: absolute;
  bottom: 21px;
  z-index: 9999;
  height: 12px;
  width: 7px;
  right: 47px;
  border-radius: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: url(//cdn.myxypt.com/b226068f/21/05/51d7d8c83e41811e1623c9468d2b130f6fc1bcf2.png) no-repeat;
}
.nleft .owl-carousel .owl-nav .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.nleft .owl-nav .icon-left-arrow:after {
  background-position: -34px -180px;
}

.nleft .owl-nav .icon-right-arrow:after {
  background-position: -26px -480px;
}
.n1 {
  margin-top: 55px;
}
.nright {
  width: 43.3%;
  margin-right: 20px;
  margin-top:16px;
}
.nright .syxwl {
  width: 80px;
  padding-right: 27px;
  border-right: 1px solid #dddddd;
  margin-right: 24px;
  text-align: center;
}
.nright .syxwl .p1 {
  font-size: 36px;
  font-family: Arial;
  font-weight: 700;
  line-height: 36px;
  color: #666666;
  overflow:hidden; white-space:nowrap;text-overflow:ellipsis;
  text-align: center;
}
.nright .syxwl .p2 {
  font-size: 14px;
  font-family: Arial;

  color: #666666;
}
.nright .syxwr {
  width: 400px;
}
.nright .syxwr .p2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #666666;
  margin-top: 3px;
}
.nright .syxwr .p1 {
  font-size: 18px;
  color: #333333;
  font-weight: 700;
  padding-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nright .syxw + .syxw {
  margin-top: 46px;
}
.nright .syxwr .p1:hover span {
  color: #ca1913;
  border-bottom: 1px solid #ca1913;
}


/**/
.mes {
  background: url(//cdn.myxypt.com/b226068f/21/05/25a3ed2e69783832b42b68ac0b8706b1bf272ad6.jpg) no-repeat center;
  background-size: cover;
  padding: 45px 0 40px 0;
}
.mes #keyword {
  width: 476px;
  height: 66px;
  outline: none;
  border: none;
  padding-left: 40px;
  background: url(//cdn.myxypt.com/b226068f/21/05/1d3b24007374d9cb46d2ad1aa57388beb5e763e4.jpg) no-repeat #fff;
  background-position: 22px;
  margin-right: 6px;
  border-radius: 5px;
}
.mes #keyword::placeholder {
  font-size: 16px;
  color: #888888;
}
.mes #s_btn {
  width: 108px;
  height: 66px;
  outline: none;
  border: none;
  background: url(//cdn.myxypt.com/b226068f/21/05/5171aeb69a7f3337d4bf421e2c7e4541a94c3e11.png) no-repeat center #fff;
  border-radius: 5px;
}
.mes #formsearch1 {
  width: 595px;
  margin: 0 auto;
}
.mes .p1 {
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin-top: 27px;
}
.mes .p1 a {
  color: #fff;
  margin-left: 26px;
}
.mes .p1 a:hover {
  opacity: 0.8;
}



/* 底部 */
.fb1 .p1 {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
}
.foot {
  background: #1c1c1d;
  padding-top: 27px;
}
.fb1 .p2 {
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  margin-top: 28px;
  opacity: 0.8;
}
.fb2 {
  margin-left: 77px;
  padding-top: 57px;
}
.f2{width: 41.7%;display: flex;justify-content: space-between;flex-wrap: nowrap;display: -webkit-flex;}
.f2 .p1 {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 35px;
}
.f2 a {
  display: block;
  color: #d0d1d4;
  margin-bottom: 13px;
  font-size: 14px;
}
.flink {
  margin-top: 15px;
  padding-bottom: 10px;
}
.flink .s1 {
  font-size: 14px;
  color: #fff;
  background: url(//cdn.myxypt.com/b226068f/21/05/38d474aec0920f7e14f40f66c08abd39e4ef3a1c.png) no-repeat left;
  width: 92px;
  line-height: 68px;
  display: block;
  text-align: center;
  float: left;
  margin-top: -22px;
}
.flink .s2 {
  display: block;
  float: right;
  width: calc(100% - 110px);
}
.flink .s2 a {
  font-size: 12px;
  color: #d0d1d4;
}

.bq {
  border-top: 1px solid #333334;
  line-height: 24px;
  padding:18px 0;
  color: #d0d1d4;
  font-size: 14px;
}
.bq a {
  color: #d0d1d4;
}





@media(max-width: 1230px){
	.nright{margin-top: 0;}
  .nright .syxwl{padding-right:1%;margin-right: 3%;}
  .nright .syxwr{width:calc(96% - 80px);}
}

@media(max-width: 1160px){
	.shu{margin-top: 20px;}
	.acon{font-size: 14px;line-height: 24px;}
	.title .p1,.title .p1 span{font-size: 28px;}
	.yul li h3{font-size: 16px;}
	.yul li p{padding: 0 5%;}
}

@media(max-width: 1025px){
	.nleft .nw .p1{font-size: 14px;padding-right: 5%;}
	.nleft .owl-carousel .owl-dots button.owl-dot{margin: 22px 0.2em;}
	.nright .syxw + .syxw{margin-top: 13px;}
}


@media(max-width: 769px){
	.aright h3{font-size: 20px;margin: 3% 0;}
	.shu .sz{font-size: 26px;}
	.shu{margin-top: 10px;}
	.shu .shu2{margin: 14px 0 0 5px;}
	.psort{margin-bottom: 30px;}
	.sb{margin-top: 15px;}
	.sw1 p{padding-top: 20px;}
	.title .p1, .title .p1 span{font-size: 24px;}
	.sb .swiper-container{padding-bottom: 40px!important;}
	.yul li h3{font-size: 14px;margin: 20px 0 10px 0;}
	.hul{margin-left: 20%;}
	.nleft,.nright{width: 100%;float: none;}
	.nleft{margin-bottom: 20px;}
	.n1{margin-top: 30px;}
	.nright .syxwr .p1{font-size: 16px;}
	.nright .syxwl .p1{font-size: 30px;}
	.fb2{margin-left: 35px;padding-top: 41px;}
	.bq{text-align: center;}
	.bq div{float: none;}
	.f2 .p1,.fb1 .p1{font-size: 16px;margin-bottom: 15px;}
	.fb1 .p2{margin-top: 0;}
	.foot{padding-top: 30px;}
	.flink{margin-top: 20px;}

}
@media(max-width: 640px){
    .aleft,.aright{width: 100%;float: none;}
    .aright h3{margin: 20px 0 10px 0;font-size: 18px;}
    .shu{margin-right: 0;}
    .cp{margin: 30px 0;padding: 20px 0;}
    .psort{margin-bottom: 20px;}
    .psort li{width: 30%;margin: 0 1%;line-height: 30px;}
    .psort li a{font-size: 14px;}
    .sw1{margin: 0 5px;}
    .sw1 p{font-size: 14px;padding-top: 10px;}
    .yul li{width: 50%;margin-bottom: 20px;}
    .yul li:nth-child(2){background: none;}
    .yul li img{width: 50%;}
    .yul li p{font-size: 12px;line-height: 20px;}
    .title .p2{font-size: 12px;}
    .box2 .title .p1 span, .box2 .title .p1{font-size: 20px;}
    .box2{padding: 30px 0;}
    .ystel{font-size: 18px;margin-left: 22px;}
    .dh{width: 80%;padding-left: 42px; height:40px;line-height:40px; font-size: 12px;  background-size: 100%;}
    .box3{padding: 20px 0;background: none;}
    .hul{margin: 20px 0  0 0;}
    .hul li{margin: 0 10px;}
    .nright .syxwl{width: 70px;}
    .nleft .owl-carousel .owl-nav button.owl-prev,.nleft .owl-carousel .owl-nav button.owl-next{display: none;}
    .nright .syxwr .p1{font-size: 14px;}
    .nright .syxw + .syxw{margin-top: 15px;}
    .f1,.f2{width: 100%;float: none;}
    .fb2{
        padding-top: 0;
    width: 47%;
    margin-left: 0;
    margin-bottom: 14px;
    }
    .fb2 img{width: 100%;}
    .bq{font-size: 12px;}
    .bq span{display: block;}
    .fb1 .p2{width: 100%;word-break: break-all;}
}

@media(max-width: 350px){
.dh{width: 100%;}
}



/*内页左侧样式*/

@media(max-width: 991px){
	.x-banner,.page-banner{margin-top: 60px;}
}

.page-product-inquiry a{color: #fff;}
/*手机底部*/
@media(max-width: 1200px){
  .xypg-right-content{overflow: hidden;}
  .xypg-right-content p img,.xypg-right-content img{
           max-width: 100%;
          width: auto !important;
          height: auto !important;
     }
}
@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #151515;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #151515;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;color:#fff;
}


.footer li .icon-home{ background: url(//cdn.myxypt.com/b226068f/21/05/725134533a1228c326b509967fb3f3775c1c2b76.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(//cdn.myxypt.com/b226068f/21/05/f82e38a2d86129b5434bc4bd6f9152b893657c72.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(//cdn.myxypt.com/b226068f/21/05/c9d105cebfb39deb623ce20bda354edbf6273bf6.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(//cdn.myxypt.com/b226068f/21/05/def3b42f6d7ce2dae5788eb91882bc3cde400740.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}




/**/
.page-position .wei{background: #f1f1f1 url(//cdn.myxypt.com/b226068f/21/05/9bfb2d365a874608c614b1c47c05a7e587e29841.jpg) no-repeat 16px center;border-radius: 3px;padding:10px 0;padding-left: 33px;}


@media(min-width: 992px){
	.xypg-left-menu .xypg-left-con{border:none;}
	.xypg-left-nav > li{margin-top: 5px;}
	.xypg-left-nav > li > a{background-color: #eeeeee;border-radius: 5px;}
	.xypg-left-nav > li .first-nav-btn {
		  position: absolute;
		  z-index: 99;
		  width: 30px;
		  height: 30px;
		  text-align: center;
		  top: 10px;
		  right: 20px;
		  cursor: pointer;
		  background: url(//cdn.myxypt.com/b226068f/21/05/9d83e13a65408e27127dc13b8b0e1a1dacd8bd08.png) center no-repeat;
		}

		.xypg-left-nav > li .first-nav-btn.clicked {
		  background: url(//cdn.myxypt.com/b226068f/21/05/0f6743d0a5bb773964ddd86a5a70b3aedf727bbb.png) center no-repeat;
		}

		.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {
		  color: #fff;background: #ca1913;
		}

		.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn {
		  color: #fff;
		}
}